<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML >
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>应急会商管理_会商管理页面</title>
        <!-- date css -->
        <link rel="stylesheet" href="<%=basePath%>jclient/css/public/bootstrap.min.css" />
		<link rel="stylesheet" href="<%=basePath%>jclient/css/public/daterangepicker.css" />
   		<!-- date css -->
   		<!-- date javascript -->
		<script src="<%=basePath%>jclient/javascript/public/jquery.min.js"></script>
        <script src="<%=basePath%>jclient/javascript/public/bootstrap.min.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/moment.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/daterangepicker.js"></script>
		 <!-- date javascript -->  
	 	<!-- select -->
   		<link rel="stylesheet" href="<%=basePath%>jclient/css/public/style.css" type="text/css" />
   		<link href="<%=basePath%>jclient/css/public/select.css" rel="stylesheet" type="text/css" />
 		<script type="text/javascript" src="<%=basePath%>jclient/javascript/jslib/select-ui.min.js"></script>
   		<!-- select -->
	<script type="text/javascript">
	$(function(){
				// 日期选择
			    $('#cxdate').val(moment().subtract('days', 29).format('YYYY-MM-DD') + ' - ' + moment().format('YYYY-MM-DD'));
				$('#cxdate').daterangepicker(null, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                }); 
                 $("#hyEditdiv .tiptop a").click(function(){$("#hyEditdiv").fadeOut(200);});
        });
	    function dealHY(val1){$("#hyEditdiv").fadeIn(200);}
	</script>
	<style type="text/css">
	.daterangepicker{
	z-index: 9999;
	}
	</style>
  </head>
  <body style="background-color: #FFFFFF;width: 100%;height: 100%;" >
    <div class="tools" style="margin-top: 10px;padding: 0 10px;">
       <div class="controls" style="width:280px;float: left;">
			<div style="width:60px;float: left;height: 30px;line-height: 30px;">
				<label>会议时间：</label>
			</div>
			<div class="input-group date datetime">
				<input id="cxdate" class="begindate form-control input-sm" size="16" type="text" value="" >
				<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
			</div>
		</div>
		<div style="width:80px;float: left;height: 30px;line-height: 30px;padding-left:20px;">
			<label>会议名称：</label>
		</div>
	    <div style="width:410px;float: left;">
         <input name="" type="text" class="scinput" style="position: relative;top: -3px;"/>&nbsp;&nbsp;&nbsp;&nbsp;<input name=""  style="position: relative;top: -3px;" type="button" class="scbtn" value="查询"/>
       </div>   
	    <ul class="toolbar1">  
	         <li><span><img src="<%=basePath%>jclient/css/public/images/t03.png" style="position: relative;top: -7px;"/></span>删除</li>
	    </ul>
    </div>
    <table class="tablelist" style="width: 100%;">
    	<thead>
    	<tr>
	        <th width="4%"><input name="" type="checkbox" value="" checked="checked"/></th>
	        <th width="5%">编号<i class="sort"><img src="<%=basePath%>jclient/css/public/images/px.gif" /></i></th>
	        <th width="56%">会议名称</th>
	        <th width="15%">会议时间</th>
	        <th width="20%">操作</th>
        </tr>
        </thead>
        <tbody>
	        <tr>
		        <td><input name="" type="checkbox" value="" /></td>
		        <td>1</td>
		        <td>2012年8月23日关于于桥水库蓝藻中度暴发事件处置方案会商</td>
		        <td>2012-08-23</td>
		        <td><a href="javascript:function nufu(){return false;}" onclick="dealHY('2012年8月23日关于于桥水库蓝藻中度暴发事件处置方案会商');" class="tablelink">材料管理</a>    </td>
	        </tr> 
	        <tr>
		        <td><input name="" type="checkbox" value="" /></td>
		        <td>2</td>
		        <td>....................................................</td>
		        <td>2012-08-23</td>
		        <td><a href="#" class="tablelink">材料管理</a></td>
	        </tr> 
         </tbody>
    </table>
  <!--编辑材料-->
<div id="hyEditdiv" class="tip" style="left:50%;margin-left:-450px; width: 900px;height:500px;z-index: 100;top: 10px;border: 1px solid #cccccc;">
<div class="tiptop"><span>会议材料</span><a></a></div>
    			<!-- -会议材料 -->
    			<div class="tools" style="padding:10px 0 10px 50px;width: 850px;text-align:center;">
			      	<div class="uew-select" style="float: left;position: relative;top:2px;">
				         <div style="width: 100px;" class="uew-select-value ue-state-default"><em class="uew-select-text">文档资料</em><em class="uew-icon uew-icon-triangle-1-s"></em></div>
			             <select style="width: 100px;" class="select3">
					 				  <option>文档资料</option>
				    		          <option>表格资料</option>
				    		          <option>图片资料</option>
				    		          <option>视频资料</option>
				    		          <option>音频资料</option>
						 </select>
					</div>
				    <ul class="toolbar1" style="margin-right: 10px;">
				         <li style="cursor: pointer;" ><span><img src="<%=basePath%>jclient/css/public/images/t01.png" style="position: relative;top: -7px;"/></span>添加文件</li>    
				         <li><span><img src="<%=basePath%>jclient/css/public/images/t03.png" style="position: relative;top: -7px;"/></span>删除文件</li>
				         <li><span><img src="<%=basePath%>jclient/css/public/images/t02.png" style="position: relative;top: -7px;"/></span>批量下载</li>
				    </ul>
			    </div>
    			<table class="tablelist" style="width: 790px;margin-left:50px">
			    	<thead>
			    	<tr>
				        <th width="5%"><input name="" type="checkbox" value="" checked="checked"/></th>
				        <th width="10%">编号<i class="sort"><img src="<%=basePath%>jclient/css/public/images/px.gif" /></i></th>
				        <th width="45%">文件名称</th>
				        <th width="20%">制定时间</th>
				        <th width="20%">操作</th>
			        </tr>
			        </thead>
			        <tbody>
				        <tr>
					        <td><input name="" type="checkbox" value="" /></td>
					        <td>1</td>
					        <td>2015年3月桥水蓝藻暴发事件</td>
					        <td>2015年3月</td>
					        <td><a href="#" class="tablelink">下载</a> <a href="#" class="tablelink"> 删除</a></td>
				        </tr> 
				        <tr>
					        <td><input name="" type="checkbox" value="" /></td>
					        <td>2</td>
					        <td>....................................................</td>
					        <td>2015年2月</td>
					        <td><a href="#" class="tablelink">下载</a>     <a href="#" class="tablelink"> 删除</a></td>
				        </tr> 
			         </tbody>
			    </table>
			    <!-- -会议材料 -->
   </div>
  <!--编辑材料-->  
  </body>
</html>